iT邦幫忙

2025 iThome 鐵人賽

DAY 2
0
Vue.js

遊戲活動關卡查詢網站系列 第 2

遊戲活動關卡查詢網站Day2-工具使用介紹

  • 分享至 

  • xImage
  •  

目標
將資料存放於Supabase後,專案透過載入的方式
能讓使用者查詢到資料

步驟
接下來的幾天會做網站規劃設計、管理資料和網站佈版
以下逐一列出

1.網站規劃設計
  A.手動先繪製草稿
  B.使用Miro依照草稿結構繪製線稿
   後續開發都會依照這個畫面設計

2.管理資料
  A.在Excel中整理資料,並匯出CSV
  B.將CSV匯入至Supabase

3.網站佈版
  A.使用NodeJS管理套件並安裝Vue與相關環境設定
  B.創建好專案,並載入上述的Supabase後,確認能讀取資料
  C.用版控TortiseGit上傳至Github
  D.使用Netlify佈署Github的專案
   讓該專案可以從外部開啟,完成。

備註
最後表格列出開發使用工具一覽


上一篇
遊戲活動關卡查詢網站Day1-前言
下一篇
遊戲活動關卡查詢網站Day3-設計規劃(Miro)
系列文
遊戲活動關卡查詢網站25
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言